import React from 'react';


import classnames from 'classnames';
//component


import './index.less';


export default class view extends React.Component {
    static propTypes = {
        //name: React.PropTypes.string,
    };

    static defaultProps = {
        //name: 'component name'
    };


    constructor(props, context) {

        super(props, context);


        // init state;
        this.state = {

        };
    }
    componentWillMount() {
        this._isMounted = true;

    }

    componentDidMount() {

    }

    componentWillUnmount() {
        this._isMounted = false;
    }

    render() {

        const wrapperClass = classnames({
            'ori-artcard-root':true,

        });

        const imageTextClass = classnames({
            'card-pic':true,
            'column':this.props.column,
        });

        // const imageSize = classnames({
        //     this.props.className ? this.props.className : '',
        //
        // });

        return (
            <div className={wrapperClass}>
                <div className={imageTextClass}>
                    <div className={'gradient'+' '+ this.props.className}>
                        <img src={this.props.imageSrc} />
                        <div className="mask"></div>
                    </div>
                    <div className="card-text">
                        <p className="card-title">广州美术馆</p>
                        <p className="card-area">中国广州</p>
                        <p className="card-dec">展览<span>700</span> | 粉丝<span>700</span></p>
                        <p className="card-focus">+关注</p>
                    </div>
                </div>
            </div>
        );
    }
}
